<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="${request.contextPath}/style/images/favicon.png">
<title>毕业设计</title>
<!-- Bootstrap core CSS -->
<link href="${request.contextPath}/style/css/bootstrap.css" rel="stylesheet">
<link href="${request.contextPath}/style/css/settings.css" rel="stylesheet">
<link href="${request.contextPath}/style/css/owl.carousel.css" rel="stylesheet">
<link href="${request.contextPath}/style/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="${request.contextPath}/style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
<link href="${request.contextPath}/style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
<link href="${request.contextPath}/style.css" rel="stylesheet">
<link href="${request.contextPath}/style/css/color/blue.css" rel="stylesheet">
<link href='http://fonts.useso.com/css?family=Josefin+Sans:400,600,700,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
<link href="${request.contextPath}/style/type/fontello.css" rel="stylesheet">
<link href="${request.contextPath}/style/type/budicons.css" rel="stylesheet">



    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>



    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="${request.contextPath}/style/js/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->

    <script>
        function newsclick(nid) {
            window.location.href="http://localhost:8050/getNewsMessage/nid/"+nid;
        }
    </script>

</head>
<body>
<div class="body-wrapper">
  <div class="navbar default">
    <div class="navbar-header">
      <div class="container">
        <nav class="collapse navbar-collapse pull-right">
          <ul class="nav navbar-nav">
            <li><a href="#home">首页</a></li>
            <li><a href="http://localhost:8050/indexhome" target="_blank">新闻</a></li>
            <li><a href="http://localhost:8010/shophome1" target="_blank">商城</a></li>
            <li><a href="http://localhost:8030/look" target="_blank">共享资源</a></li>
            <li><a href="http://localhost:8020/home" target="_blank">失物招领</a></li>
            <li><a href="http://localhost/" target="_blank">登录/注册</a></li>
          </ul>
        </nav>
      </div>
    </div>
    <!--/.nav-collapse --> 
  </div>
  <!--/.navbar -->

    <div id="home" class="section">
        <div class="light-wrapper">
            <div class="fullscreenbanner-container revolution">
                <div class="fullscreenbanner">
                    <ul>
                        <li data-transition="fade"> <img src="${request.contextPath}/style/images/art/slider-bg1.jpg" alt="" />
                            <div class="caption large sfb" data-x="center" data-y="245" data-speed="900" data-start="800" data-easing="Sine.easeOut">你好、未来</div>
                            <div class="caption small sfb" data-x="center" data-y="319" data-speed="900" data-start="1500" data-easing="Sine.easeOut">Because the future is beautiful, how are you in the future?</div>
                            <#--<div class="caption small sfb" data-x="center" data-y="362" data-speed="900" data-start="2200" data-easing="Sine.easeOut">
                                <div class="smooth"><a href="#portfolio" class="btn btn-border">See Our Projects</a></div>
                            </div>-->
                        </li>
                        <li data-transition="fade"> <img src="${request.contextPath}/style/images/art/slider-bg2.jpg" alt="" />
                            <div class="caption large customin customout" data-x="center" data-y="255" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                 data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                 data-speed="600"
                                 data-start="700"
                                 data-easing="Back.easeOut"
                                 data-endspeed="300"
                                 data-endeasing="Power1.easeIn">致我们终将逝去的青春</div>
                            <div class="caption small customin customout" data-x="center" data-y="329" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                 data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                 data-speed="600"
                                 data-start="1100"
                                 data-easing="Back.easeOut"
                                 data-endspeed="300"
                                 data-endeasing="Power1.easeIn">To our youth that to fading away</div>
                        </li>
                        <li data-transition="fade"> <img src="${request.contextPath}/style/images/art/slider-bg3.jpg" alt="" />
                            <div class="caption large lite sfb" data-x="center" data-y="245" data-speed="900" data-start="800" data-easing="Sine.easeOut">毕业、成长</div>
                            <div class="caption small lite sfb" data-x="center" data-y="319"  data-speed="900" data-start="1500" data-easing="Sine.easeOut">Graduation, the future is still a long way to go, we must refuel</div>
                            <#--<div class="caption small sfb" data-x="center" data-y="362" data-speed="900" data-start="2200" data-easing="Sine.easeOut">
                                <div class="smooth"><a href="#contact" class="btn btn-border-lite">Get in Touch</a></div>
                            </div>-->
                        </li>
                    </ul>
                    <div class="tp-bannertimer tp-bottom"></div>
                </div>
                <!-- /.fullscreenbanner -->
            </div>
            <!-- /.fullscreenbanner-container -->
        </div>
    </div>
  <div id="services" class="section anchor">
    <div class="light-wrapper">
      <div class="container inner">
        <h2 class="section-title text-center">今日资讯</h2>
        <div class="row text-center services-1">
          <#list newsinfoList as list>
            <div class="col-sm-3">
              <div class="col-wrapper">
                  <a href = "javascript:newsclick(${list.nid})"><h3>${list.ntitle}</h3></a>
                <p>点击标题进入查看详情</p>
              </div>
            </div>
          </#list>
        </div>
      </div>
      <!-- /.container --> 
    </div>
  </div>
  <!-- /#home -->
  <div class="parallax parallax1">
    <div class="container inner text-center">
      <h1 class="share-button">看你想看，学你想学---赠人玫瑰，手留余香</h1>
      <div class="share-links">
        <ul>
          <li><a class="btn share-facebook" href="http://localhost:8030/look">分享</a></li>
          <li><a class="btn share-twitter" href="http://localhost:8030/look">查看已有下载</a></li>
          <li><a class="btn share-pinterest" href="http://localhost:8030/look">随便看看</a></li>
            <div style="padding: 100px 100px 10px;">
                <form class="bs-example bs-example-form" role="form">
                    <div class="input-group">
                        <input type="text" class="form-control" name="filename" id = "filename"/>
                        <span class="input-group-addon">搜索</span>
                    </div>
                </form>
            </div>
        </ul>
      </div>
    </div>
    <!-- /.container --> 
  </div>
  <!-- /.parallax -->
  
  <div id="portfolio" class="section anchor">
    <div class="dark-wrapper">
      <div class="container inner">
        <h2 class="section-title text-center">听歌、运动</h2>
        <p class="lead main text-center">人至少要有一种爱好吧！！总有人和你志同道合，交个朋友吧！！！</p>
        <div class="grid-portfolio fix-portfolio">
           <!--<ul class="filter">
            <li><a class="active" href="#" data-filter="*">All</a></li>
            <li><a href="#" data-filter=".web">Web Design</a></li>
            <li><a href="#" data-filter=".graphic">Graphic Design</a></li>
            <li><a href="#" data-filter=".photo">Photography</a></li>
            <li><a href="#" data-filter=".motion">Motion Design</a></li>
          </ul>-->
          
          <!-- /filter -->
          
          <!--<ul class="content-slider items">
            <li class="item thumb web">
              <figure><a href="#" data-contenturl="portfolio-post.html" data-callback="callPortfolioScripts();" data-contentcontainer=".pcw">
                <div class="text-overlay">
                  <div class="info">Fullwidth Slider</div>
                </div>
                <img src="${request.contextPath}/style/images/art/p1.jpg" alt="" /> </a></figure>
            </li>
            <li class="item thumb graphic">
              <figure><a href="#" data-contenturl="portfolio-post2.html" data-callback="callPortfolioScripts();" data-contentcontainer=".pcw">
                <div class="text-overlay">
                  <div class="info">Half Slider</div>
                </div>
                <img src="${request.contextPath}/style/images/art/p2.jpg" alt="" /> </a></figure>
            </li>
            <li class="item thumb web">
              <figure><a href="#" data-contenturl="portfolio-post3.html" data-callback="callPortfolioScripts();" data-contentcontainer=".pcw">
                <div class="text-overlay">
                  <div class="info">Carousel Gallery</div>
                </div>
                <img src="${request.contextPath}/style/images/art/p3.jpg" alt="" /> </a></figure>
            </li>
          </ul>-->
          <!-- /.items --> 
        </div>
        <!-- /.portfolio --> 
      </div>
    </div>
  </div>

  <div class="parallax parallax2 work-together">
    <div class="container inner text-center">
      <h1>认领<span class="colored">&</span>拾到</h1>
      <div class="divide10"></div>
      <div class="smooth"><a href="#contact" class="btn btn-border-lite">失物招领</a></div>
    </div>
  </div>
<#--  <div id="pricing" class="section anchor">
    <div class="light-wrapper">
      <div class="container inner">
        <h2 class="section-title text-center">商城</h2>
        <p class="lead main text-center">商城促销商品</p>
        <div class="pricing row">


          <div class="col-sm-3">
            <div class="plan">
              <h3>Bronze</h3>
              <h4><span class="amount"><span>$</span>3</span></h4>
              <div class="features">
                <ul>
                  <li>3 Days</li>
                  <li>2GB Storage</li>
                  <li>25 Users</li>
                  <li>Unlimited Pages</li>
                  <li>Enhanced Security</li>
                </ul>
              </div>
              <div class="select">
                <div> <a href="#" class="btn inverse">Select Plan</a> </div>
              </div>
            </div>
          </div>

        </div>
        <!-- /.pricing  &ndash;&gt;
      </div>
    </div>
  </div>-->
  <#--<div class="parallax parallax3 customers">
    <div class="container inner text-center">
      <div class="testimonials owl-carousel thin">
        <div class="item">
          <blockquote>
            <p>毕业就分手的都是傻逼<small>----------------过来人</small></p>
          </blockquote>
        </div>
        <div class="item">
          <blockquote>
          <p>永远不要为了新鲜感丢掉那个一直陪伴你的人<small>----------------过来人</small></p>
          </blockquote>
        </div>
      </div>
    </div>
    <!-- /.container &ndash;&gt;
  </div>-->
  <!-- /.parallax -->
  <div id="contact" class="section anchor">
    <div class="dark-wrapper">
      <div class="container inner">
        <div class="thin text-center">
          <h2 class="section-title text-center">联系管理员</h2>
          <div class="divide50"></div>
          <div class="form-container">
            <div class="response alert alert-success"></div>
            <form class="forms" action="contact/form-handler.php" method="post">
              <fieldset>
                <ol class="row">
                  <li class="form-row text-input-row name-field col-sm-6">
                    <input type="text" name="name" class="text-input defaultText required" title="姓名"/>
                  </li>
                  <li class="form-row text-input-row email-field col-sm-6">
                    <input type="text" name="email" class="text-input defaultText required email" title="邮箱"/>
                  </li>
                  <li class="form-row text-area-row col-sm-12">
                    <textarea name="message" class="text-area required" title="内容"></textarea>
                  </li>
                  <li class="form-row hidden-row">
                    <input type="hidden" name="hidden" value="" />
                  </li>
                  <li class="nocomment">
                    <label for="nocomment">Leave This Field Empty</label>
                    <input id="nocomment" value="" name="nocomment" />
                  </li>
                  <li class="button-row">
                    <input type="submit" value="Send Message" name="submit" class="btn btn-submit bm0" />
                  </li>
                </ol>
                <input type="hidden" name="v_error" id="v-error" value="Required" />
                <input type="hidden" name="v_email" id="v-email" value="Enter a valid email" />
              </fieldset>
            </form>
          </div>
          <!-- /.form-container -->
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- .body-wrapper --> 
<script src="${request.contextPath}/style/js/jquery.min.js"></script>
<script src="${request.contextPath}/style/js/bootstrap.min.js"></script>
<script src="${request.contextPath}/style/js/twitter-bootstrap-hover-dropdown.min.js"></script>
<script src="${request.contextPath}/style/js/jquery.themepunch.plugins.min.js"></script>
<script src="${request.contextPath}/style/js/jquery.themepunch.revolution.min.js"></script>
<script src="${request.contextPath}/style/js/jquery.easytabs.min.js"></script>
<script src="${request.contextPath}/style/js/owl.carousel.min.js"></script>
<script src="${request.contextPath}/style/js/jquery.isotope.min.js"></script>
<script src="${request.contextPath}/style/js/jquery.fitvids.js"></script>
<script src="${request.contextPath}/style/js/jquery.fancybox.pack.js"></script>
<script src="${request.contextPath}/style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script src="${request.contextPath}/style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script src="${request.contextPath}/style/js/jquery.slickforms.js"></script>
<script src="${request.contextPath}/style/js/instafeed.min.js"></script>
<script src="${request.contextPath}/style/js/retina.js"></script>
<script src="${request.contextPath}/style/js/google-code-prettify/prettify.js"></script>
<script src="${request.contextPath}/style/js/scripts.js"></script>
</body>
</html>